<head>
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<template name="layout">
  <div class="wrapper">
    <div class="header-wrapper">
      <div class="heading">
        Cantas based on Meteor
      </div>
      <div class="nav-wrapper">
        <ul id="nav">
          <li class="nav-item">
            <a href="/"><i class="fa fa-th-large"></i>  My Boards</a>
          </li>
          <li class="nav-item">
            <a href="/"><i class="fa fa-th"></i>  My Cards</a>
          </li>
          <li class="nav-item">
            <a href="/new/board"><i class="fa fa-plus"></i>  New Board</a>
          </li>
          <li class="nav-item">
            <a href="/help"><i class="fa fa-lightbulb-o fa-lg"></i> Help</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="content-wrapper">
      {{> yield }}
    </div>
  </div>
</template>